<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<script src="${pageContext.request.contextPath}/JS/jquery3.3.1.js"></script>
<link href="${pageContext.request.contextPath}/css/bootstrap.min.css" rel="stylesheet">
<link href="${pageContext.request.contextPath}/css/bootstrap-theme.min.css" rel="stylesheet">
<script src="${pageContext.request.contextPath}/JS/bootstrap.min.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript" src="${pageContext.request.contextPath }/JS/jquery-1.11.0.min.js"></script>
 <%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
 <link href="${pageContext.request.contextPath }/css/a_shop.css" rel="stylesheet" type="text/css" />
<title>我的店铺</title>
<style type="text/css">
body{
min-width: 1340px;
}
div{
float:left;
}
#my_shop{
width:100%;/* min-width: 1340px; */
}
#my_shop_main{
width:970px;height:1000px;float:left;
}
.my_shop_main_inner{
width:100%;
}
#shop_name_div div{
}
#lun img{
	width:960px;height:380px;
}

</style>

</head>
<body>

<%@ include file="/com/top.jsp" %>
<%@ include file="/com/top1.jsp" %>

<div id = "my_shop" class = "" >
<div id = "" class = "" style = "float:left;margin-right: 2px;">
	<%@ include file="/com/left.jsp" %>	
</div>



<div id = "my_shop_main" class = "">


<!-- 	头像和店名 -->
	<div id = "shop_name_div" class = "my_shop_main_inner" style = "height:50px;background-color: #2e2e2e; width:960px;">
		<div id = "" class = "" style = "height:100%;margin-left: 370px;">
			<div id = "" class = "cycle" style = "width:40px;height:40px;margin-top: 5px;">
				<img alt=""  src="${pageContext.request.contextPath}${shop.shophead}">
			</div>
			<div id = "" class = "" style = "height:50px;line-height: 50px;margin-left: 10px;font-size:17px;font-weight:bold;color:#ff3535">
				${shop.shopname }
			</div>
		</div>
	
	</div><!-- 	头像和店名结束 -->
	
	
<!-- 	轮播图************* -->
	<div id = "shop_three_img_div" class = "my_shop_main_inner" style = "height:400px;">
	<div id="myCarousel" class="carousel slide" style = "margin: 10px;">
		<!-- 轮播（Carousel）指标 -->
		<ol class="carousel-indicators">
			<li data-target="#myCarousel" data-slide-to="0" class="active" style="background-color: red;"></li>
			<li data-target="#myCarousel" data-slide-to="1" style="background-color: red;"></li>
			<li data-target="#myCarousel" data-slide-to="2" style="background-color: red;"></li>
		</ol>   
		<!-- 轮播（Carousel）项目 -->
		<div class="carousel-inner" id = "lun">
			<div class="item active">
				<img src="${pageContext.request.contextPath}${shop.img1}" alt="First slide">
			</div>
			<div class="item">
				<img src="${pageContext.request.contextPath}${shop.img2}" alt="Second slide">
			</div>
			<div class="item">
				<img src="${pageContext.request.contextPath}${shop.img3}" alt="Third slide">
			</div>
		</div>
		<!-- 轮播（Carousel）导航 -->
		<a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
			<span class=" glyphicon-chevron-left" aria-hidden="true"></span>
			<span class="sr-only">Previous</span>
		</a>
		<a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
			<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
			<span class="sr-only">Next</span>
		</a>
	</div> 
	
	</div><!-- 	轮播图结束************* -->
	
<!-- 	简介********** -->
	<div id = "shop_describe_div" class = "my_shop_main_inner" style = "height:330px; ">
		<div id = "" class = "" style = "width:960px;height:330px;margin: 15px;background-color:#f3f3f3;padding: 10px;">
			<div class="">
				<label for="name" style = "color: #f73020;">简介：</label>
				<textarea class="" rows="10" style = "width:930px;" disabled="disabled">	${shop.shopdescribe }
				</textarea>
			</div>
			<div id = "edit_btn_div" class = "" style = "margin: 10px;">
				<button type="button" class="btn btn-default btn-lg btn-block" onclick = "$('#my_shopout').css('display','block')" style = "width:920px;color: #f73020;font-weight: bold;">编辑店铺信息</button>
			</div>
		</div>
		
	</div><!-- 	简介结束********** -->
	

	
</div>

<!-- 	右边二维码开始************ -->
	<div id = "" class = "" style = "width:220px;height:700px;float:left;background-color: #2e2e2e;overflow: scroll;">
		<span class = "font_color" style = "line-height: 50px;margin-left:69px;;font-size: 16px;font-weight: bold; ">
			我的商品
		</span>
		<c:forEach items="${rightCommodity }" var = "n">
			<div id = "" class = "right_img_div" style = " ">
				<div id = "hidden_name" class = "hidden_name" style = "">
					<%-- ${n.cmdyname } --%>
				</div>
				<img alt="" src="${pageContext.request.contextPath}${n.img }" class = "" style = "">
			</div>
		</c:forEach>
	</div>
	<!-- 	右边二维码结束************ -->

</div>


<%@ include file="/a/shopout.jsp" %>
<script type="text/javascript">
$(function(){
	$("#left_shop a").addClass("font_color")
})
</script>

</body>
</html>